<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>InFoCenter-Regist</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/private/regist.css">
    <script src="${pageContext.request.contextPath}/js/private/regist.js"></script>
</head>

<body>
<div class="container-fluid">
    <!-- 巨幕 -->
    <div class="jumbotron">
        <h1>Welcome to InFoCenter</h1>
        <p>IF You Are Our Member</p>
        <p><a class="btn btn-primary btn-lg" href="${pageContext.request.contextPath}/index.jsp" role="button">Log Now!</a></p>
    </div>
    <!-- 页头 -->
    <div class="page-header">
        <h1>Member Channel<small>Please Regist</small></h1>
    </div>
    <!-- 表单 -->
    <br>
    <!-- 账号 -->
    <div class="alert alert-danger" role="alert" id="aUsedInfo">
        <a href="#" class="alert-link">Account Had Be Used</a>
    </div>
    <div class="alert alert-danger" role="alert" id="aNullInfo">
        <a href="#" class="alert-link">Account Can Not Be Null</a>
    </div>
    <div class="input-group">
        <span class="input-group-addon">A</span>
        <input type="text" id="account" class="form-control" placeholder="Account" aria-describedby="basic-addon1">
    </div><br>
    <!-- 密码 -->
    <div class="alert alert-danger" role="alert" id="pNullInfo">
        <a href="#" class="alert-link">Password Can Not Be Null</a>
    </div>
    <div class="input-group">
        <span class="input-group-addon">P</span>
        <input type="text" id="password" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
    </div><br>
    <!-- 重复密码 -->
    <div class="alert alert-danger" role="alert" id="rNullInfo">
        <a href="#" class="alert-link">RepeatePassword Can Not Be Null</a>
    </div>
    <div class="input-group">
        <span class="input-group-addon">R</span>
        <input type="text" id="rPassword" class="form-control" placeholder="Repeate Password" aria-describedby="basic-addon1">
    </div><br>
    <!-- 电话  -->
    <div class="alert alert-danger" role="alert" id="tNullInfo">
        <a href="#" class="alert-link">Telphone Can Not Be Null</a>
    </div>
    <div class="input-group">
        <span class="input-group-addon">T</span>
        <input type="text" id="telphone" class="form-control" placeholder="Telphone" aria-describedby="basic-addon1">
    </div><br>
    <!-- 邮箱 -->
    <div class="alert alert-danger" role="alert" id="eNullInfo">
        <a href="#" class="alert-link">Email Can Not Be Null</a>
    </div>
    <div class="input-group">
        <span class="input-group-addon">@</span>
        <input type="text" id="email" class="form-control" placeholder="E-Mail" aria-describedby="basic-addon1">
    </div><br>
    <!-- 注册 -->
    <div class="btn-group btn-group-lg" role="group" aria-label="...">
        <button type="button" id="sub" class="btn btn-default">Regist</button>
    </div>
</div>
</body>

</html>
